﻿<!--
// (c) Copyright Microsoft Corporation.
// This source is subject to the Microsoft Public License (Ms-PL).
// Please see http://go.microsoft.com/fwlink/?LinkID=131993 for details.
// All other rights reserved.
-->

<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="Coding4Fun.Chair.Cockpit.Controls.MessagePanel"
	x:Name="UserControl">
	<UserControl.Resources>
		<Storyboard x:Key="uxSBDelay">
			<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="UserControl">
				<DiscreteObjectKeyFrame KeyTime="0">
					<DiscreteObjectKeyFrame.Value>
						<Visibility>Visible</Visibility>
					</DiscreteObjectKeyFrame.Value>
				</DiscreteObjectKeyFrame>
			</ObjectAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>
	<UserControl.Triggers>
		<EventTrigger RoutedEvent="FrameworkElement.Loaded">
			<BeginStoryboard Storyboard="{StaticResource uxSBDelay}"/>
		</EventTrigger>
	</UserControl.Triggers>

    <Grid x:Name="LayoutRoot" HorizontalAlignment="Center" 
          Margin="0, 0, 0, -25">
			<Grid.RenderTransform>
				<TranslateTransform />
			</Grid.RenderTransform>
			<VisualStateManager.VisualStateGroups>
				<VisualStateGroup x:Name="VisualStateGroup">
					<VisualStateGroup.Transitions>
						<VisualTransition GeneratedDuration="0:0:0.2">
							<VisualTransition.GeneratedEasingFunction>
								<CircleEase EasingMode="EaseInOut"/>
							</VisualTransition.GeneratedEasingFunction>
						</VisualTransition>
					</VisualStateGroup.Transitions>
					<VisualState x:Name="ShowState">
						<Storyboard>
							<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.Y)" Storyboard.TargetName="LayoutRoot">
								<EasingDoubleKeyFrame KeyTime="0" Value="50"/>
								<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
							</DoubleAnimationUsingKeyFrames>
							<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="LayoutRoot">
								<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
								<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="1"/>
							</DoubleAnimationUsingKeyFrames>
						</Storyboard>
					</VisualState>
					<VisualState x:Name="HideState">
						<Storyboard>
							<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.Y)" Storyboard.TargetName="LayoutRoot">
								<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
								<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="50"/>
							</DoubleAnimationUsingKeyFrames>
							<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="LayoutRoot">
								<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"/>
							</DoubleAnimationUsingKeyFrames>
						</Storyboard>
					</VisualState>
				</VisualStateGroup>
			</VisualStateManager.VisualStateGroups>
        <Border CornerRadius="25" Background="White" BorderThickness="5" Opacity=".4" />
        <Border BorderBrush="Black" BorderThickness="4" CornerRadius="25" Background="White" Opacity="0.5" >
            <Border.Effect>
                <BlurEffect Radius="10"/>
            </Border.Effect>
        </Border>
        <Border CornerRadius="25" BorderBrush="White" BorderThickness="5" />
        <StackPanel Orientation="Horizontal" Margin="15, 15, 15, 30">
            <Image Height="41" Source="/Resources/MessageIcon.png" Width="60" Margin="0,3,5,0" />
            <TextBlock 
                Text="TESTING TESTING TESTING"
                x:Name="uxMessageText" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Center" FontFamily="Segoe UI" FontSize="25.333" Foreground="#FF333333" TextOptions.TextHintingMode="Animated" Margin="0,0,0,2"/>
        </StackPanel>
            
        
        <!---->
    </Grid>
</UserControl>